<template>
	<div class="wraper" :class="{padTop:isIphoneX,iphone:isIphone}">
		<div class="line"></div>
		<div class="nav-bar">
			<div class="arrow" @click="goBack"></div>
			<div class="center">{{$t('moneyAgreement-title')}}</div>
			<div class="right"></div>
		</div>
		<div class="content">
			<p>{{$t('moneyAgreement-key1')}}</p>
			<p>{{$t('moneyAgreement-key2')}}</p>
			<p>{{$t('moneyAgreement-key3')}}</p>
			<p>{{$t('moneyAgreement-key4')}}</p>
			<p>{{$t('moneyAgreement-key5')}}</p>
			<p>{{$t('moneyAgreement-key6')}}</p>
			<p>{{$t('moneyAgreement-key7')}}</p>
			<p>{{$t('moneyAgreement-key8')}}</p>
			<p>{{$t('moneyAgreement-key9')}}</p>
			<p>{{$t('moneyAgreement-key10')}}</p>
			<p>{{$t('moneyAgreement-key11')}}</p>
		</div>
	</div>
</template>
<script src="./moneyAgreement.js"></script>
<style scoped>
	@import './moneyAgreement.css';
</style>